<template>
  <div class="group-find">
    <van-nav-bar left-text="租房小组" right-text="更多" />
    <van-grid gutter="10" direction="horizontal" :column-num="2">
      <van-grid-item icon="http://115.159.87.220:8080/img/groups/1.png" text="家住回龙观归属的感觉" />
      <van-grid-item icon="http://115.159.87.220:8080/img/groups/2.png" text="宜居四五环大都市生活" />
      <van-grid-item icon="http://115.159.87.220:8080/img/groups/3.png" text="喧嚣三里屯繁华的背后" />
      <van-grid-item
        icon="http://115.159.87.220:8080/img/groups/4.png"
        text="比邻十号线地铁心连心
"
      />
    </van-grid>
  </div>
</template>

<script>
export default {
  name: 'GroupFind',
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
}
</script>

<style scoped>
.van-nav-bar {
  background-color: #f6f5f6 !important;
}
.van-grid {
  background-color: #f6f5f6 !important;
  padding-bottom: 10px;
}
.van-grid-item__text {
  margin-left: 20px;
}
::v-deep .van-nav-bar__text {
  color: #333333;
}
::v-deep .van-nav-bar__left {
  font-weight: 700;
  font-size: 14px;
}
</style>
